.root {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    .content-body {
        flex: 1;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        .side-nav {
            width: 240px;
            background-color: #f9f9f9;
            .link-list {
                list-style: none;
                .list-item {
                    width: 100%;
                    text-align: center;
                    a {
                        display: block;
                        height: 36px;
                        line-height: 36px;
                        font-size: 14px;
                        &.ative {
                            color: skyblue;
                        }
                    }
                }
            }
        }
        .child-content {
            flex: 1;
            background: url('./../../../assast/images/backgroundlayer.png') center center no-repeat;
        }
    }
}